import React from 'react'
import {useSearchParams} from 'react-router-dom'
/* 
  react-router-dom进行路由传参一共两种方式
  searchParams传参的具体步骤
  1、在跳转之前，在连接上通过？方式追加参数
   navigate(`/userDetail?_id=${_id}`)
  2、在接收参数的组件上导入useSearchParams
  import {useSearchParams} from 'react-router-dom'
  3、调用useSearchParams
  const [params]=useSearchParams()
  4、使用
  {params.get("_id")}
*/
export default function UserDetail() {
  const [params]=useSearchParams()
  return (
    <div>
        <h1>用户信息</h1>
        <h2>id:{params.get("_id")}</h2>
    </div>
  )
}
